.mu-float-wrapper {
  position: absolute;
  top: -1000px;
  right: -1000px;
  z-index: 10000;

  box-sizing: border-box;
  width: 110px;
  height: auto;
  overflow: hidden;

  font-size: 12px;

  background-color: var(--floatBgColor);
  border-radius: 2px;
  box-shadow: var(--floatShadow);
  transform-origin: top;
  opacity: 0;

  transition: opacity .25s ease-in-out;
}

.mu-float-container::-webkit-scrollbar:vertical {
  width: 0;
}

[x-placement] {
  opacity: 1;
}

.mu-popper-arrow {
  position: absolute;

  display: inline-block;
  width: 16px;
  height: 16px;

  background: inherit;
  border: 1px solid #ebeef5;
  transform: rotate(45deg);
}

[x-placement="bottom-start"] > .mu-popper-arrow {
  top: -9px;

  border-right: none;
  border-bottom: none;
}

[x-placement="top-start"] > .mu-popper-arrow {
  bottom: -9px;

  border-top: none;
  border-left: none;
}

[x-out-of-boundaries] {
  display: none;
}
